Het input
element
Het element <input>
is een algemeen element die je kan gebruiken voor een aantal verschillende formulierelementen.
De waarde van het attribuut type bepaalt wat het soort van invoervak dat er gecreëerd wordt.
Het type
attribuut
De mogelijk waarden van het type
attribuut zijn:
type | beschrijving | HTML ? | |
button | |||
checkbox | |||
color | 5 | Chrome/Firefox | |
date | 5 | ||
datetime | 5 | ||
datetime-local | 5 | Chrome | |
5 | |||
file | |||
hidden | |||
image | |||
month | 5 | ||
number | 5 | ||
password | |||
radio | |||
range | 5 | ||
reset | |||
search | 5 | ||
submit | |||
tel | 5 | ||
text | |||
time | 5 | ||
url | 5 | ||
week | 5 |
Niet alle attributen worden door alle browsers ondersteunt. Je moet het uitproberen om na te gaan als je browser de types, die je wilt gebruikeen, ondersteunt.
Het name
attribuut
Wanneer gebruikers gegevens in een tekstvak typen, moet de server weten in welk formulierelement welk gegeven is ingevuld. Bij een inlogvenster moet de server bijvoorbeeld weten wat er is ingevoerd als gebruikersnaam en wat als wachtwoord.
De identificatie van de ingetypte gegevens gebeurt met het attribuut name hebben. De waarde van dit attribuut identificeert het formulierelement en wordt met de ingevulde gegevens naar de server meegezonden.
We hebben daar eerder een voorbeeld van gezien in Het form element.